<!DOCTYPE html>
<html>
<head>
	{% block head %}
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link rel="stylesheet" type="text/css" href="../css/styleguide.css">
		<link href='http://fonts.googleapis.com/css?family=Questrial|Didact+Gothic' rel='stylesheet' type='text/css'>
		
		<script src='javascript/json2.js'></script>
		<script src="javascript/prototype.js" type="text/javascript"></script>
		<script src="javascript/scriptaculous.js?load=effects" type="text/javascript"></script>
		<script language="javascript" type="text/javascript" src="../javascript/skinanonscript.js"></script>
		
		<title>Skin Anonymous - {% block title %}{% endblock %}</title>
	{% endblock %}
</head>
<body onload="getComments(); {% block bodyOnload %}{% endblock %}">
	<div class=main>
		<div class="leftColumn">
			<div id="bookImg"></div>
			{% block authorImg %}{% endblock %}
			<form id="purchaseBook" action="http://www.amazon.com/dp/1470020386" method="link">
				<input type="image" src="../images/BuyBook.png" border="0" name="submit">
			</form>
			<div class="socialMedia">
				<div id="facebook" class="imgSprite" onmouseover="this.style.cursor='pointer';" onclick="location.href='https://www.facebook.com/SkinAnonymous'"></div>
				<div id="twitter" class="imgSprite"></div>
			</div>
		</div>
		<div class="rightColumn">
			<div class="guestComments imgSprite">
				<div id="comment" style="display: none;"></div>
			</div>
			<div class="pageLinks">
				<div id={% block aboutauthor %}{% endblock %} class="aboutauthor imgSprite" onclick="location.href='/aboutauthor';" onmouseover="this.style.cursor='pointer';"></div>
				<div id={% block aboutbook %}{% endblock %} class="aboutbook imgSprite" onclick="location.href='/aboutbook';" onmouseover="this.style.cursor='pointer';"></div>
				<div id={% block contactus %}{% endblock %} class="contactus imgSprite" onclick="location.href='/contactus';" onmouseover="this.style.cursor='pointer';"></div>
				
			</div>
			<div id="content">
				{% block content %}{% endblock %}
				{% block commentform %}{% endblock %}
			</div>
			
		</div>
	</div>

</body>
</html>